import React, { memo} from "react";
// import { Popup, Button, Skeleton ,TextArea} from "antd-mobile";
import router from "./router/index"
import { useRoutes } from "react-router-dom";
const App = memo(() => {
  // const [visible5, setVisible5] = useState(false);
  // const [value, setValue] = useState('')
  return (
    <div>
      {/* <Button
        onClick={() => {
          setVisible5(true);
        }}
      >
        圆角的弹出层
      </Button>
      <Popup
        visible={visible5}
        onMaskClick={() => {
          setVisible5(false);
        }}
        bodyStyle={{
          borderTopLeftRadius: "8px",
          borderTopRightRadius: "8px",
          minHeight: "60vh",
        }}
      >
        <Skeleton.Title animated />
        <Skeleton.Paragraph lineCount={3} animated />
        <TextArea defaultValue={'北极星垂地，\n东山月满川。'} showCount />
      </Popup> */}
      {useRoutes(router)}
    </div>
  );
});

export default App;
